<template>
  <div>
    这个是model---父组件----{{ num }}
    <hr>
    <son
      :aa="num"
      :bb="num2"
      @update:aa="val => num=val"
      @update:bb="val => num2=val"
    />
    <!-- sync 是一个语法糖，实现父子组件数据的双向绑定
    语法： xxx.sync=“变量名”
    和v-model的区别
    v-model只能绑定一次
    sync可以绑定多次 -->
    <hr>
    <son
      :aa.sync="num"
      :bb.sync="num2"
    />
  </div>
</template>

<script>
import son from './son.vue'
export default {
  name: 'VueHrFather',
  components: {
    son
  },
  data() {
    return {
      num: 100,
      num2: 200
    }
  },

  mounted() {

  },

  methods: {

  }
}
</script>

<style lang="scss" scoped>

</style>
